<template>
      <view class="bg-[#f8f8f8]">
        <view class="h-[10rpx]"></view>
        <view @click="navigateTo('/pages/classTeamList/classTeamList')" class="mt-[10rpx] mx-[20rpx] bg-[#FFDED9] h-[232rpx] flex items-center rounded">
               <view class=" bg-white flex items-center rounded-[189rpx] px-3 ml-[20rpx]">
                 <view class="text-[#FD755D] text-[69rpx]">班级团队</view>
                 <view class="w-[72rpx] h-[72rpx] bg-[#FD755D] rounded-full flex items-center justify-center">
                    <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
                 </view>
               </view>
               <view></view>
        </view>
        <view @click="navigateTo('/pages/newsCenter/newsCenter')" class="mt-[10rpx] mx-[20rpx] bg-[#FFEBCA] h-[232rpx] flex items-center rounded">
               <view class=" bg-white flex items-center rounded-[189rpx] px-3 ml-[20rpx]">
                 <view class="text-[#FFA812] text-[69rpx]">校友活动</view>
                 <view class="w-[72rpx] h-[72rpx] bg-[#FFA812] rounded-full flex items-center justify-center">
                    <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
                 </view>
               </view>
               <view></view>
        </view>
        <view @click="navigateTo('/pages/alumniSuggestion/alumniSuggestion')" class="mt-[10rpx] mx-[20rpx] bg-[#E7E6FE] h-[232rpx] flex items-center rounded">
               <view class=" bg-white flex items-center rounded-[189rpx] px-3 ml-[20rpx]">
                 <view class="text-[#7E71BD] text-[69rpx]">校友建议</view>
                 <view class="w-[72rpx] h-[72rpx] bg-[#7E71BD] rounded-full flex items-center justify-center">
                    <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
                 </view>
               </view>
               <view></view>
        </view>
        <view @click="navigateTo('/pages/alumniService/alumniService')" class="mt-[10rpx] mx-[20rpx] bg-[#FFE1D3] h-[232rpx] flex items-center rounded">
               <view class=" bg-white flex items-center rounded-[189rpx] px-3 ml-[20rpx]">
                 <view class="text-[#FF8237] text-[69rpx]">校友服务</view>
                 <view class="w-[72rpx] h-[72rpx] bg-[#FF8237] rounded-full flex items-center justify-center">
                    <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
                 </view>
               </view>
               <view></view>
        </view>
      </view>
</template>
<script setup>
const navigateTo =(url)=>{
  uni.navigateTo({
    url
  })
}
</script>
<style scoped>
</style>